<!doctype html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=640, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>美女活动首页</title>
    <link href="${resources}/plugins/swiper/swiper-3.3.1.min.css" rel="stylesheet" type="text/css">

    <link rel="stylesheet" href="${resources}/css/common.css">
    <link rel="stylesheet" href="${resources}/css/activityIndex1.css">
</head>
<body>
<div id="container">
    <div class="header">
        <a href="${path}/manage/vote/one" class="back"><img src="${resources}/vote/4_1.png">返回</a>
        <h3>有奖票选最美员工</h3>
    </div>

    <!--搜索栏-->
    <div class="searchArea">
        <img src="${resources}/vote/4_3.png">
        <input type="text" id="empNO" placeholder="请输入员工号">
        <button id="getEmp">搜索</button>
    </div>

    <!--轮播图-->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="${resources}/vote/4_4.png"></div>
            <div class="swiper-slide"><img src="${resources}/vote/4_5.png"></div>
            <div class="swiper-slide"><img src="${resources}/vote/4_6.png"></div>
        </div>
        <div class="swiper-pagination"></div>
    </div>

    <div class="content">
        <div class="navBar">
            <ul>
                <li><a href="${path}/manage/vote/one"><img src="${resources}/vote/4_7_17.jpg"></a></li>
                <li><a href="${path}/manage/vote/getWay"><img src="${resources}/vote/4_7_19.jpg"></a></li>
                <li><a href="${path}/manage/vote/empRanking"><img src="${resources}/vote/4_7_21.jpg"></a></li>
                <li><a href="${path}/manage/vote/luck"><img src="${resources}/vote/4_7_23.png"></a></li>
            </ul>
        </div>

        <div class="img1"><img src="${resources}/vote/4_8.png"></div>

        <div class="list">
            <ul>
              <#list areaList as area> 
                <li>
                    <img src="${resources}/vote/${area.picurl}">
                    <div class="listRight">
                    <#list area.cooperList as cooper>
                        <div class="listRow"><img src="${resources}/vote/4_10.png"><span><a href="${path}/manage/vote/empList/${cooper.id}">${cooper.name}</a></span></div>
	                </#list>
                    </div>
                </li>
               </#list>
            </ul>
        </div>
    </div>

    <div class="bottom"><img src="${resources}/vote/4_15.png"></div>
</div>
</body>
<script src="${resources}/scripts/jquery-2.2.2.min.js"></script>
<script src="${resources}/scripts/common.js"></script>
<script src="${resources}/plugins/swiper/swiper-3.3.1.jquery.min.js"></script>
<script>
    var mySwiper = new Swiper(".swiper-container", {
        loop: true,
        pagination: '.swiper-pagination',
        autoplay: 3000
    });
   $("#getEmp").on("click",function(){
	   var empNo =$("#empNO").val();
	   $.ajax({
           type: "GET",
           url: "${path}/manage/vote/empInfo",
           data:{
        	   empNo:empNo  
           },
           dataType: "json",
           success: function(data){
        	   			if(data.code==100){
						 	window.location.href="${path}/manage/vote/empInfo/"+data.result.id;
        	   			}else{
	        	   			 common.alert({
	        	   			  title:'系统提示',
	        	   			  content:'没有找到该员工'
	        	   		 	 });
        	   			}
                    }
            });
   });
</script>
</html>